﻿/* -------------
   * commom *
* ------------- */

.clearfix:before {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
    content:' ';
    display:block;
    font-size:0;
    line-height:0;
    visibility:hidden;
    height:0;
}
.clear{clear:both;overflow:hidden;zoom:1;line-height:0px; content:' ';
    display:block;
    font-size:0;
    line-height:0;
    visibility:hidden;
    height:0;}
.f_l{float:left;}
.f_r{float:right;}
.tc {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}
.fl {float:left;_display:inline;}
.fr {float:right;_display:inline;}
.none {display:none;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.fb {font-weight:bold;}
.fn {font-weight:normal;}
.t2 {text-indent:2em;}

.pdt-2 {padding-top:2px;}
.pdt-5 {padding-top:5px;}
.pdt-7 {padding-top:7px;}
.pdt-10 {padding-top:10px;}
.pdt-15 {padding-top:15px;}
.pdt-20 {padding-top:20px;}
.pdt-25 {padding-top:15px;}
.pdt-30 {padding-top:30px;}
.pdt-40 {padding-top:40px;}
.pdt-50 {padding-top:50px;}
.pdr-5 {padding-right:5px;}
.pdr-7 {padding-right:7px;}
.pdr-10 {padding-right:10px;}
.pdr-15 {padding-right:15px;}
.pdr-20 {padding-right:20px;}
.pdr-25 {padding-right:15px;}
.pdr-30 {padding-right:30px;}
.pdr-40 {padding-right:40px;}
.pdr-50 {padding-right:50px;}
.pdb-5 {padding-bottom:5px;}
.pdb-7 {padding-bottom:7px;}
.pdb-10 {padding-bottom:10px;}
.pdb-15 {padding-bottom:15px;}
.pdb-20 {padding-bottom:20px;}
.pdb-25 {padding-bottom:15px;}
.pdb-30 {padding-bottom:30px;}
.pdb-40 {padding-bottom:40px;}
.pdb-50 {padding-bottom:50px;}
.pdl-5 {padding-left:5px;}
.pdl-7 {padding-left:7px;}
.pdl-10 {padding-left:10px;}
.pdl-15 {padding-left:15px;}
.pdl-20 {padding-left:20px;}
.pdl-25 {padding-left:15px;}
.pdl-30 {padding-left:30px;}
.pdl-40 {padding-left:40px;}
.pdl-50 {padding-left:50px;}
.pd5{padding: 5px;}
.pd10{padding: 10px;}
.pd15{padding: 15px;}

.mgt-5 {margin-top:5px;}
.mgt-7 {margin-top:7px;}
.mgt-10 {margin-top:10px;}
.mgt-15 {margin-top:15px;}
.mgt-20 {margin-top:20px;}
.mgt-25 {margin-top:15px;}
.mgt-30 {margin-top:30px;}
.mgt-40 {margin-top:40px;}
.mgt-50 {margin-top:50px;}
.mgr-5 {margin-right:5px;}
.mgr-6 {margin-right:6px;}
.mgr-7 {margin-right:7px;}
.mgr-10 {margin-right:10px;}
.mgr-15 {margin-right:15px;}
.mgr-17{
margin-right:17px;
}
.mg-img5{
margin-right:2px;
}
.mgr-20 {margin-right:20px;}
.mgr-25 {margin-right:15px;}
.mgr-30 {margin-right:30px;}
.mgr-40 {margin-right:40px;}
.mgr-50 {margin-right:50px;}
.mgb-5 {margin-bottom:5px;}
.mgb-7 {margin-bottom:7px;}
.mgb-10 {margin-bottom:10px;}
.mgb-15 {margin-bottom:15px;}
.mgb-20 {margin-bottom:20px;}
.mgb-25 {margin-bottom:15px;}
.mgb-30 {margin-bottom:30px;}
.mgb-40 {margin-bottom:40px;}
.mgb-50 {margin-bottom:50px;}
.mgl-5 {margin-left:5px;}
.mgl-7 {margin-left:7px;}
.mgl-10 {margin-left:10px;}
.mgl-15 {margin-left:15px;}
.mgl-20 {margin-left:20px;}
.mgl-25 {margin-left:15px;}
.mgl-30 {margin-left:30px;}
.mgl-40 {margin-left:40px;}
.mgl-50 {margin-left:50px;}
.mg5{margin: 5px;}
.mg10{margin: 10px;}
.mg15{margin: 15px;}

.w100 {width:100%;display:block;}
.w70{width:70%;}
.w30{width:29%;}
.h100 {height:100px;}
.h200 {height:200px;}
.h300 {height:300px;}
.h400 {height:400px;}


/*system common*/
.l-clear{ clear:both; width:1px; height:1px; overflow:hidden;}
.l-hidden {display: none;}
.l-loading
{
    position: absolute;z-index: 91000;  top:40%; left:50%; overflow:hidden;
    background:url('../images/common/loading.gif') no-repeat 0px 0px;width:24px; height:24px; 
     display:none;
}
/* -------------
   * 滚动条颜色 *
* ------------- */ 
.l-scroll
{
        scrollbar-face-color:#C6D7FF; scrollbar-3dlight-color:#B5CBF7; scrollbar-darkshadow-color:#B5CBF7;
        scrollbar-base-color:#B5CBF7;
        scrollbar-shadow-color: #FFF; scrollbar-highlight-color: #FFF;  scrollbar-track-color:#FFF; scrollbar-arrow-color:#4A6184;
}
.l-noscroll
{
    overflow:hidden;
}
/* Draggable */
.l-draggable{ overflow:hidden; border-style:solid; border-width:1px; opacity:0.5; filter:alpha(opacity=50); position:absolute; top:0; left:0; z-index:10001; background:#f2f1f1; border-color:#aaa;}
/* Resizable */
.l-resizable { display:none; overflow:hidden; border-style:dashed; border-width:1px; opacity:0.5; filter:alpha(opacity=50); position:absolute; top:0; left:0; z-index:10002; background:#f2f1f1;} 


 /* --------------
   *   icon  *
* ------------ */
.l-icon-checkbox {background:url('../images/icon/checkbox.gif') no-repeat center;}

.l-icon-cross{background:url('../images/icon/cross.gif') no-repeat center; width:16px; height:16px; line-height:16px;}
/* -------------
   * 按钮 *
* ------------- */
.l-button
{
    display:block;border: solid 1px #A3C0E8;
    width:50px ; height:20px; overflow:hidden; line-height:20px;
    background: #E0EDFF url(../images/controls/button-bg.gif) repeat-x center;
     text-align:center;color: #2C4D79;  text-decoration:none; cursor:pointer;
}
.l-button-over,.l-button:hover
{background: #FFBE76 url(../images/controls/button-bg-over.gif) repeat-x center; border-color:#D6A886;
}
.l-btn
{
    display:block; 
     height:21px; overflow:hidden; line-height:22px; position:relative; 
     padding-left:15px; padding-right:15px; cursor:pointer;
    background: #E0EDFF url(../images/controls/btn.gif) repeat-x;
     text-align:center;color: #2C4D79;  text-decoration:none; cursor:pointer;
}
/* 按钮左边部位 */
.l-btn-l
{
    position:absolute; width:3px; left:0px; top:0px;height:21px;
    background: #E0EDFF url(../images/controls/btn-l.gif) no-repeat;
}
/* 按钮右边部位 */
.l-btn-r
{position:absolute; width:3px; right:0px; top:0px;height:21px;
    background: #E0EDFF url(../images/controls/btn-r.gif) no-repeat;
}



/*
    Draggable
*/
.l-drag-proxy { border: 1px solid #BDD1EE;position: absolute;z-index: 1001;height:25px; line-height:25px; padding-left:19px; padding-right:4px; background:white;  }
.l-drag-proxy .l-drop-icon{position: absolute; top:5px; left:4px;width:16px; height:16px; }
.l-drop-no{background: white url('../images/common/drop-icons.gif') no-repeat 0px -20px; width:16px; height:16px; overflow:hidden;}
.l-drop-yes{background: white url('../images/common/drop-icons.gif') no-repeat 0px 0px;  width:16px; height:16px; overflow:hidden;}
.l-drop-add{background: white url('../images/common/drop-icons.gif') no-repeat -20px 0px;  width:16px; height:16px; overflow:hidden;}
.l-drag-coldroptip{width:9px; position:absolute; height:44px; z-index:1000;}
.l-drop-move-up{background:transparent url('../images/common/drop-icons.gif') no-repeat -40px 0px; width:9px; height:9px; overflow:hidden;position:absolute; top:0px;}
.l-drop-move-down{background: transparent url('../images/common/drop-icons.gif') no-repeat -60px 0px; width:9px; height:9px; overflow:hidden; position:absolute; bottom:0px;}
 
 .l-drag-nodedroptip,.l-drag-rowdroptip{width:9px; position:absolute; height:1px; background-color:red; z-index:1000; line-height:1px; overflow:hidden;}
 
 
 
 /* filter */ 
table.l-filter-group{ background:white; font-size:12px;}
table.l-filter-group select,table.l-filter-group .valtxt{border:1px solid #d3d3d3;}
table.l-filter-group .addgroup{}
table.l-filter-group .addrule{}
table.l-filter-group .deletegroup{} 
table.l-filter-group .deleterole{ cursor:pointer;} 
table.l-filter-group-alt{ background:#F2F2F2;} 
td.l-filter-groupcell{ padding-left:20px;} 
td.l-filter-column{ padding:2px;}
td.l-filter-op{padding:2px;}
td.l-filter-value{padding:2px;} 
tr.l-filter-rowlastcell{ text-align:right;_width:300px; min-width:300px;padding:2px;}  
table.l-filter-group-alt,.l-panel table.l-filter-group-alt{background:#f5f5f5;margin-left:20px; margin-top:4px; padding:5px;border:1px solid #d3d3d3;} 
table.l-filter-group-alt .l-filter-value{ padding-right:6px;} 
td.l-filter-cellgroup{ padding:3px;}
table.l-filter-group-alt table.l-filter-group{background:white;margin-left:20px; margin-top:4px; padding:5px;border:1px solid #d3d3d3;}

/*  grid */
.g-960 {width:960px;}
/*0417 */
.font-14y {
    color: #000;
    font-size: 14px;
}
.red{color:#F00;}
.colorfo{background:#F0F0F0}
.img-center{width:100%;margin:20px auto 10px auto;text-align:center;}
/*0418 zhangruic*/
.font-red{ color:#e0070d}
.font-orange{ color:#f25802}
.font-yellow{ color:#ffcc00}

.font-red{color:#ff0000;font-size:24px;}
.font-pink{color:#ff7200;font-size:24px;}
.font-yelow{color:#fcff00;font-size:24px;}
.font-green{color:#42ff00;font-size:24px;}
/*.font-14y{
color:#FFFF00;
font-size:14px;
} 出现了两个相同的样式名，242行——g*/
.font-12y{
color:#FFFF00;
font-size:12px;
margin-right:2px;
}
/*button style start 0422*/
.btn-style01-add,.btn-style01-edit,.btn-style01-add:hover,.btn-style01-edit:hover {background:url(../images/btn-1.png) left no-repeat;  height:22px;width:15px; overflow:hidden; vertical-align:middle;margin:0 auto;display:inline-block;padding-right:5px;}
.btn-style01-add{ background-position:0 0;}
.btn-style01-edit{background-position:-40px 0;}
.btn-style01-add:hover{ color:#00b8ba;background-position:-20px 0;}
.btn-style01-edit:hover { background-position:-60px 0;}

.wid180{width:180px;}
.wid210{width:210px;}